<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@include file="/WEB-INF/jsp/include.jsp"%>

<script src="<c:url value="/resources/js/precioJTable.js" />"></script>
<c:url value="/precio/buscar" var="precioBuscarUrl" />
<c:url value="/precio/detalle/mostrar" var="precioDetalleUrl" />

<script type="text/javascript">
	jQuery(document)
			.ready(
					function($) {
						$("#inputFechaVigencia")
								.attr('placeholder',
										'<spring:message code="producto.form.listaprecio.fechavigencia.label"/>');
						$("#inputCodigoListaPrecio")
								.attr('placeholder',
										'<spring:message code="producto.form.listaprecio.codigolista.label"/>');
						precio.init($('#tablaPrecios'), $('#botonBuscar'),
								$('#inputFechaVigencia'), '${precioBuscarUrl}',
								'${precioDetalleUrl}');
					});
</script>

<div class="div_container">
	<form:form id="form_listaPrecio" class="form-horizontal"
		modelAttribute="precio" method="post">

		<div class="row-fluid">
			<h4 class="">
				<i class="icon-plus-sign-alt"></i>
				<spring:message code="producto.form.listaprecio.title" />
			</h4>
			<hr>
		</div>
		<div class="form-group">
			<label for="inputFechaVigencia" class="control-label col-xs-1"><spring:message
					code="producto.form.listaprecio.fechavigencia.label" /> </label>
			<div class="col-xs-3">
				<form:input path="fechaVigencia" id="inputFechaVigencia"
					class="form-control" />
			</div>
			<label for="inputCodigoListaPrecio" class="control-label col-xs-2"
				style="padding-top: 0px;"> <spring:message
					code="producto.form.listaprecio.codigolista.label" /></label>
			<div class="col-xs-3">
				<form:input path="codigoListaPrecio" id="inputCodigoListaPrecio"
					class="form-control" cssStyle="padding-right: 5%;padding-left: 5%;" />
			</div>
			<div>
				<button type="button" class="btn btn-primary" id="botonBuscar">
					<spring:message code="tomador.pedido.buscar.button" />
				</button>
			</div>
		</div>
	</form:form>

	<div id="tablaPrecios" class="tablaResultado"></div>
</div>

<div id="dialogDetallePrecio" class="dialogDetalle" title="Detalle Precio" style="display: none"></div>